<template>
  <div class="marketing-reports-page">
    <div class="page-header">
      <h1>营销报表</h1>
    </div>
    <div class="content-card">
      <p>这里是营销报表页面</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MarketingReports'
}
</script>

<style scoped>
.marketing-reports-page {
  padding: 20px;
}

.page-header {
  margin-bottom: 20px;
}

.page-header h1 {
  color: #333;
  font-size: 24px;
  margin: 0;
}

.content-card {
  background: white;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.content-card p {
  color: #666;
  font-size: 16px;
  margin: 0;
}
</style> 